<div class="main">
  <div class="show-container clear">
    <div class="task-info-content">
      <div class="important-task shadowbox">
        <div class="common-task-header">
          <i class="fa fa-tasks"></i>
          <span>重点检查项</span>
          <div class="add-main"
            authorization-btn="api/securityActivities/emphasisWork/addEmphasisWork"
            ng-click="main.addDialog()">
            <i class="fa fa-plus"></i>
            <span>新增</span>
          </div>         
        </div>
        <div class="important-task-item shadowbox"
          ng-repeat = "item in main.newItemList track by $index">
          <div class="task-icon arrange-icon" 
            ng-hide="$index % 2 == 0 ? true:false">
            <img src="../../../assets/images/arrange-icon.png" alt="" />     
          </div>
          <div class="task-icon protection-icon" 
            ng-show="$index % 2 == 0 ? true:false">
            <img src="../../../assets/images/protection-icon.png" alt="" />
          </div>
          <div class="task-right">
            <div class="line1">
              {{item.checkClassifyName}}
            </div>
            <div class="line3"
              authorization-btn="api/securityActivities/emphasisWork/deleteEmphasisWork"
              ng-click="main.deleteKeyItem(item.emphasisWorkId)">
              <i class="fa fa-trash"></i>
            </div>
          </div>
        </div>
      </div>
      <div class="train-task shadowbox" ui-sref="specialCheck">
        <div class="common-task-header">
          <i class="fa fa-tasks"></i>
          <span>专项检查任务提醒</span>
        </div>
        <div class="train-task-list">
          <div class="row title">
            <div class="th td1">标段</div>
            <div class="th td2">名称</div>            
            <div class="th td3">状态</div>
          </div>
          <div class="row" ng-repeat = "item in main.securityQuestionTotal">
            <div class="td td1">{{item.bidName}}</div>
            <div class="td td2">{{item.taskName}}</div>           
            <div class="td td3"
              ng-class="{'nostart':item.status == '0',
            'ongoing':item.status == '1',
            'after-rectify':item.status == '2',
            'has-complete':item.status == '3'}">
              {{main.getCheckStatus(item.status)}}
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="echart-content">
      <div id="inspection-general-section" class="shadowbox"></div>
      <div id="inspection-times-section" class="shadowbox"></div>
      <div id="management-general-section"
        class="shadowbox"
        ng-click="main.renderEchartsBar()"></div>
    </div>
  </div>
  <div class="problems-container shadowbox">
    <div class="container-header">
      安全任务问题汇总
    </div>
    <div class="problems-list-outer">
      <table class="problems-list-table">
        <thead>
          <tr>
            <th>任务类型</th>
            <th>问题描述</th>
            <th>问题状态</th>
            <th>标段名</th>
            <th>责任单位</th>
            <th>发现时间</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat ="item in main.securityProblems">
            <td>{{item.taskType == 0 ? '日常巡查' : '专项检查'}}</td>
            <td><a>{{item.problemDescription}}</a></td>
            <td
              ng-class="{'nostart':item.problemStatus == '0',
                          'ongoing':item.problemStatus == '1',
                          'has-complete':item.problemStatus == '2'}"
            >{{item.problemStatus == 0 ? '待整改' : 
            item.problemStatus == 1 ? '待审核' : 
            item.problemStatus == 2 ? '已完成' : ''}}</td>
            <td>{{item.bidName}}</td>
            <td>{{item.responsibilityUnit}}</td>
            <td>{{item.problemFoundTime1}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="top-list-container">
    <div class="container-header">
      <span style="margin-right: -10px;vertical-align: middle;">施工现场</span><span style="font-size: 24px; vertical-align: middle;">【<span style="color: #ff0000;font-weight: 200;">红</span><span style="color: #212121;">黑</span>】</span><span style="margin-left: -10px;vertical-align: middle;">榜</span>
      <span class="more-bang" ng-click="$state.go('topList')">更多</span>
    </div>
    <div class="top-list">
      <div class="list red-list">
        <div class="list-header">
          <i class="fa fa-thumbs-up"></i>
          <span>红榜</span>
        </div>
        <table class="pa-table">
          <thead>
          <tr>
            <th style="width: 35%"><i class="fa fa-cube"></i>标段</th>
            <th><i class="fa fa-cube"></i>施工队</th>
            <th><i class="fa fa-cube"></i>表扬内容</th>
          </tr>
          </thead>
          <tbody>
          <tr ng-repeat="item in main.topList.redList">
            <td>{{::item.name}}</td>
            <td>{{::item.constructionTeamName}}</td>
            <td>{{::item.reason}}</td>
          </tr>
          </tbody>
        </table>
      </div>
      <div class="list black-list">
        <div class="list-header">
          <i class="fa fa-thumbs-down"></i>
          <span>黑榜</span>
        </div>
        <table class="pa-table">
          <thead>
          <tr>
            <th><i class="fa fa-cube"></i>标段</th>
            <th><i class="fa fa-cube"></i>施工队</th>
            <th><i class="fa fa-cube"></i>批评内容</th>
          </tr>
          </thead>
          <tbody>
          <tr ng-repeat="item in main.topList.blackList">
            <td>{{::item.name}}</td>
            <td>{{::item.constructionTeamName}}</td>
            <td>{{::item.reason}}</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
<!-- 新增重点检查项 -->
<script type="text/ng-template" id="openMainPlan">
  <div class="item-detail-dialog newItem">  
    <div class="item-detail-dialog-header"> 
      <div class="title-txt">
        <span>新增重点检查项</span> 
      </div>
    </div>  
    <div class="item-detail-dialog-content">
      <div class="row-item fl"> 
        <div class="fixed-left-label">开始时间：</div>
        <div class="right-value">
          <div class="line">
            <input type="text" style="position:absolute;top:0;opacity:0">
            <input type="text" ng-datepicker class="form-control"
              ng-model="vm.newList.startDate" />  
          </div> 
        </div> 
      </div>
      <div class="row-item"> 
        <div class="fixed-left-label">结束时间：</div>
        <div class="right-value">
          <div class="line">
            <input type="text" style="position:absolute;top:0;opacity:0">
            <input type="text" ng-datepicker class="form-control"
              ng-model="vm.newList.endDate" />  
          </div> 
        </div> 
      </div>
      <div class="row-item">
        <div class="fixed-left-label">重点检查项名称：</div> 
        <div class="right-value">
          <img src="../../../assets/images/add-item-icon.png" alt="">
          <span ng-click="vm.openTree()">新增考核项</span>
          <!-- ztree nodes -->
          <div class="tree-container shadowbox"
            ng-class="{active: vm.treeActive}"
            ng-show="vm.treeActive">
            <div class="tree-header">
              <span>考核项分类</span>
              <i class="fa fa-times"
                ng-click="vm.closeTree()"></i>
            </div>
            <ul class="ztree" id="tree">
              
            </ul>
          </div>
        </div>
        <div class="right-value">
          <a class="pa-item-btn"
            ng-repeat="item in vm.outerCheckItemList"
            ng-class="{active: item.active}">
            {{item.name}}
          </a>
        </div>
      </div>                    
    </div> 
    <div class="item-detail-dialog-footer"> 
      <a class="pa-btn"
        ng-click="vm.save()">  
        <i class="fa fa-save"></i>  
        <span>确定</span>  
      </a> 
      <a class="pa-btn" ng-click="closeThisDialog()"> 
        <i class="fa fa-times"></i> 
        <span>取消</span>
      </a> 
    </div>  
  </div>  
</script>